<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<% 
	String path = request.getContextPath();
%>
<!DOCTYPE html>
<html class="no-js">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>后台管理系统</title>
  <meta name="description" content="这是一个 index 页面">
  <meta name="keywords" content="index">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="<%=path %>/back/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href="<%=path %>/back/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="后台管理系统" />
  <link rel="stylesheet" href="<%=path %>/back/css/amazeui.min.css"/>
  <link rel="stylesheet" href="<%=path %>/back/css/admin.css">
  <link rel="stylesheet" href="<%=path %>/back/css/font-awesome.min.css"/>
</head>
<body>
	<!--[if lte IE 9]>
	<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
	  以获得更好的体验！</p>
	<![endif]-->
	<c:import url="commons/header.jsp"/>
	<div class="am-cf admin-main">
	  <c:import url="/menu" />
	  <!-- content start -->
	  <div class="admin-content">
	
	    <div class="am-cf am-padding">
	      <div class="am-fl am-cf"><strong class="am-text-primary am-text-lg">首页</strong> / <small>常用模块</small></div>
	    </div>
	
	    <ul class="am-avg-sm-1 am-avg-md-4 am-margin am-padding am-text-center admin-content-list ">
	      <li><a href="#" class="am-text-success"><span class="am-icon-btn am-icon-file-text"></span><br/>用户数量<br/>2300</a></li>
	      <li><a href="#" class="am-text-warning"><span class="am-icon-btn am-icon-briefcase"></span><br/>今日动态<br/>308</a></li>
	      <li><a href="#" class="am-text-danger"><span class="am-icon-btn am-icon-recycle"></span><br/>昨日访问<br/>80082</a></li>
	      <li><a href="#" class="am-text-secondary"><span class="am-icon-btn am-icon-user-md"></span><br/>在线用户<br/>3000</a></li>
	    </ul>
	
	    <div class="am-g">
	      <div class="am-u-sm-12">
	      	<div class="am-panel am-panel-default">
	            <div class="am-panel-hd am-cf" data-am-collapse="{target: '#collapse-panel-1'}">今日动态TOP10<span class="am-icon-chevron-down am-fr" ></span></div>
		        <div class="am-panel-bd am-collapse am-in" id="collapse-panel-1">
		        <table class="am-table am-table-bd am-table-striped admin-content-table">
		          <thead>
		          <tr>
		            <th>ID</th><th>用户名</th><th>动态类型</th><th>浏览量</th><th>管理</th>
		          </tr>
		          </thead>
		          <tbody>
		          <tr><td>1</td><td>John Clark</td><td><a href="#">Business management</a></td> <td><span class="am-badge am-badge-success">+20</span></td>
		            <td>
		              <div class="am-dropdown" data-am-dropdown>
		                <button class="am-btn am-btn-default am-btn-xs am-dropdown-toggle" data-am-dropdown-toggle><span class="am-icon-cog"></span> <span class="am-icon-caret-down"></span></button>
		                <ul class="am-dropdown-content">
		                  <li><a href="#">1. 置顶</a></li>
		                  <li><a href="#">2. 删除</a></li>
		                </ul>
		              </div>
		            </td>
		          </tr>
		          <tr><td>2</td><td>风清扬</td><td><a href="#">公司LOGO设计</a> </td><td><span class="am-badge am-badge-danger">+2</span></td>
		            <td>
		              <div class="am-dropdown" data-am-dropdown>
		                <button class="am-btn am-btn-default am-btn-xs am-dropdown-toggle" data-am-dropdown-toggle><span class="am-icon-cog"></span> <span class="am-icon-caret-down"></span></button>
		                <ul class="am-dropdown-content">
		                  <li><a href="#">1. 编辑</a></li>
		                  <li><a href="#">2. 下载</a></li>
		                  <li><a href="#">3. 删除</a></li>
		                </ul>
		              </div>
		            </td>
		          </tr>
		          <tr><td>3</td><td>詹姆斯</td><td><a href="#">开发一款业务数据软件</a></td><td><span class="am-badge am-badge-warning">+10</span></td>
		            <td>
		              <div class="am-dropdown" data-am-dropdown>
		                <button class="am-btn am-btn-default am-btn-xs am-dropdown-toggle" data-am-dropdown-toggle><span class="am-icon-cog"></span> <span class="am-icon-caret-down"></span></button>
		                <ul class="am-dropdown-content">
		                  <li><a href="#">1. 编辑</a></li>
		                  <li><a href="#">2. 下载</a></li>
		                  <li><a href="#">3. 删除</a></li>
		                </ul>
		              </div>
		            </td>
		          </tr>
		          <tr><td>4</td><td>云适配</td><td><a href="#">适配所有网站</a></td><td><span class="am-badge am-badge-secondary">+50</span></td>
		            <td>
		              <div class="am-dropdown" data-am-dropdown>
		                <button class="am-btn am-btn-default am-btn-xs am-dropdown-toggle" data-am-dropdown-toggle><span class="am-icon-cog"></span> <span class="am-icon-caret-down"></span></button>
		                <ul class="am-dropdown-content">
		                  <li><a href="#">1. 编辑</a></li>
		                  <li><a href="#">2. 下载</a></li>
		                  <li><a href="#">3. 删除</a></li>
		                </ul>
		              </div>
		            </td>
		          </tr>
		
		          <tr>
		            <td>5</td><td>呵呵呵</td>
		            <td><a href="#">基兰会获得BUFF</a></td>
		            <td><span class="am-badge">+22</span></td>
		            <td>
		              <div class="am-dropdown" data-am-dropdown>
		                <button class="am-btn am-btn-default am-btn-xs am-dropdown-toggle" data-am-dropdown-toggle><span class="am-icon-cog"></span> <span class="am-icon-caret-down"></span></button>
		                <ul class="am-dropdown-content">
		                  <li><a href="#">1. 编辑</a></li>
		                  <li><a href="#">2. 下载</a></li>
		                  <li><a href="#">3. 删除</a></li>
		                </ul>
		              </div>
		            </td>
		          </tr>
		          </tbody>
		        </table>
		        </div>
		     </div>
	      </div>
	    </div>
		<div class="am-g">
	      <div class="am-u-sm-12">
	      	<div class="am-panel am-panel-default">
	            <div class="am-panel-hd am-cf" data-am-collapse="{target: '#collapse-panel-2'}">浏览TOP10<span class="am-icon-chevron-down am-fr" ></span></div>
		        <div class="am-panel-bd am-collapse am-in" id="collapse-panel-2">
		        <table class="am-table am-table-bd am-table-striped admin-content-table" id="collapse-panel-2">
		          <thead>
		          <tr>
		            <th>ID</th><th>用户名</th><th>动态类型</th><th>浏览量</th><th>管理</th>
		          </tr>
		          </thead>
		          <tbody>
		          <tr><td>1</td><td>John Clark</td><td><a href="#">Business management</a></td> <td><span class="am-badge am-badge-success">+20</span></td>
		            <td>
		              <div class="am-dropdown" data-am-dropdown>
		                <button class="am-btn am-btn-default am-btn-xs am-dropdown-toggle" data-am-dropdown-toggle><span class="am-icon-cog"></span> <span class="am-icon-caret-down"></span></button>
		                <ul class="am-dropdown-content">
		                  <li><a href="#">1. 置顶</a></li>
		                  <li><a href="#">2. 删除</a></li>
		                </ul>
		              </div>
		            </td>
		          </tr>
		          <tr><td>2</td><td>风清扬</td><td><a href="#">公司LOGO设计</a> </td><td><span class="am-badge am-badge-danger">+2</span></td>
		            <td>
		              <div class="am-dropdown" data-am-dropdown>
		                <button class="am-btn am-btn-default am-btn-xs am-dropdown-toggle" data-am-dropdown-toggle><span class="am-icon-cog"></span> <span class="am-icon-caret-down"></span></button>
		                <ul class="am-dropdown-content">
		                  <li><a href="#">1. 编辑</a></li>
		                  <li><a href="#">2. 下载</a></li>
		                  <li><a href="#">3. 删除</a></li>
		                </ul>
		              </div>
		            </td>
		          </tr>
		          <tr><td>3</td><td>詹姆斯</td><td><a href="#">开发一款业务数据软件</a></td><td><span class="am-badge am-badge-warning">+10</span></td>
		            <td>
		              <div class="am-dropdown" data-am-dropdown>
		                <button class="am-btn am-btn-default am-btn-xs am-dropdown-toggle" data-am-dropdown-toggle><span class="am-icon-cog"></span> <span class="am-icon-caret-down"></span></button>
		                <ul class="am-dropdown-content">
		                  <li><a href="#">1. 编辑</a></li>
		                  <li><a href="#">2. 下载</a></li>
		                  <li><a href="#">3. 删除</a></li>
		                </ul>
		              </div>
		            </td>
		          </tr>
		          <tr><td>4</td><td>云适配</td><td><a href="#">适配所有网站</a></td><td><span class="am-badge am-badge-secondary">+50</span></td>
		            <td>
		              <div class="am-dropdown" data-am-dropdown>
		                <button class="am-btn am-btn-default am-btn-xs am-dropdown-toggle" data-am-dropdown-toggle><span class="am-icon-cog"></span> <span class="am-icon-caret-down"></span></button>
		                <ul class="am-dropdown-content">
		                  <li><a href="#">1. 编辑</a></li>
		                  <li><a href="#">2. 下载</a></li>
		                  <li><a href="#">3. 删除</a></li>
		                </ul>
		              </div>
		            </td>
		          </tr>
		
		          <tr>
		            <td>5</td><td>呵呵呵</td>
		            <td><a href="#">基兰会获得BUFF</a></td>
		            <td><span class="am-badge">+22</span></td>
		            <td>
		              <div class="am-dropdown" data-am-dropdown>
		                <button class="am-btn am-btn-default am-btn-xs am-dropdown-toggle" data-am-dropdown-toggle><span class="am-icon-cog"></span> <span class="am-icon-caret-down"></span></button>
		                <ul class="am-dropdown-content">
		                  <li><a href="#">1. 编辑</a></li>
		                  <li><a href="#">2. 下载</a></li>
		                  <li><a href="#">3. 删除</a></li>
		                </ul>
		              </div>
		            </td>
		          </tr>
		          </tbody>
		        </table>
		        </div>
		     </div>
	      </div>
	    </div>
	  </div>
	  <!-- content end -->
	
	</div>
	
	<a href="#" class="am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}">
	  <span class="am-icon-btn am-icon-th-list"></span>
	</a>
	<c:import url="commons/footer.jsp"/>
	<!--[if lt IE 9]>
	<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
	<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
	<script src="${staticHost }/back/js/amazeui.ie8polyfill.min.js"></script>
	<![endif]-->
	
	<!--[if (gte IE 9)|!(IE)]><!-->
	<script src="<%=path %>/back/js/jquery.min.js"></script>
	<!--<![endif]-->
	<script src="<%=path %>/back/js/amazeui.min.js"></script>
	<script src="<%=path %>/back/js/app.js"></script>
</body>
</html>